<template>
	<view class="agreement-page">
		<!-- 顶部导航栏 -->
		<view class="header">
			<view class="back-btn" @click="goBack">
				<text class="back-icon">←</text>
			</view>
			<text class="title">店铺入驻协议</text>
			<view class="header-actions">
				<text class="action-icon">⋯</text>
				<text class="action-icon">−</text>
				<text class="action-icon">●</text>
			</view>
		</view>
		
		<!-- 协议内容 -->
		<scroll-view class="content" scroll-y>
			<view class="agreement-content">
				<!-- 协议双方 -->
				<view class="parties">
					<view class="party">
						<text class="party-title">甲方：</text>
						<text class="party-name">成都绘梦艺画信息科技有限公司</text>
						<text class="party-address">地址：成都高新区双柏路6号6栋1层9号</text>
						<text class="party-phone">联系电话：17208178144</text>
					</view>
					<view class="party">
						<text class="party-title">乙方：</text>
						<text class="party-name">_________________</text>
						<text class="party-address">地址：_________________</text>
						<text class="party-phone">联系电话：_________________</text>
					</view>
				</view>
				
				<!-- 协议前言 -->
				<view class="preamble">
					<text class="preamble-text">根据《中华人民共和国合同法》等相关法律法规，甲乙双方本着友好协商的原则，就"道口烧鸡"产品在线渠道开发与销售合作达成如下协议：</text>
				</view>
				
				<!-- 协议条款 -->
				<view class="articles">
					<!-- 第一条 -->
					<view class="article">
						<text class="article-title">第一条 合作概况</text>
						<view class="article-content">
							<text class="content-item">1.1 主要产品为"道口烧鸡"及其系列产品。</text>
							<text class="content-item">1.2 乙方负责以出厂价提供产品用于线上推广销售，配合甲方市场管理，支持促销活动。</text>
							<text class="content-item">1.3 乙方授权甲方作为"道口烧鸡"品牌线上代理商。</text>
							<text class="content-item">1.4 发货、退换货由乙方负责，整体线上销售、渠道建设、品牌推广由甲方负责，双方保持沟通。</text>
						</view>
					</view>
					
					<!-- 第二条 -->
					<view class="article">
						<text class="article-title">第二条 甲方权利和义务</text>
						<view class="article-content">
							<text class="content-item">2.1 提供线上销售平台，管理产品上架，维护店铺日常运营、销售及售后服务。</text>
							<text class="content-item">2.2 及时发货（17:00前订单当日发货，特殊情况72小时内发货）。</text>
							<text class="content-item">2.3 定期与乙方沟通（每十五天一次），指导备货，每月总结项目运营情况。</text>
						</view>
					</view>
					
					<!-- 第三条 -->
					<view class="article">
						<text class="article-title">第三条 乙方权利和义务</text>
						<view class="article-content">
							<text class="content-item">3.1 以出厂价提供产品，提供产品图片，确保产品品种和数量。</text>
							<text class="content-item">3.2 严格遵守国家质量标准，产品质量问题由乙方承担法律责任。</text>
							<text class="content-item">3.3 配备ERP系统进行仓库管理，在适当时机与淘宝对接。</text>
							<text class="content-item">3.4 在甲方指导下负责售后服务。</text>
							<text class="content-item">3.5 参与促销活动，合理投入。</text>
							<text class="content-item">3.6 竞业限制和保密条款，违约按5%违约金处罚。</text>
							<text class="content-item">3.7 提供人员负责联络、产品信息、电商团队培训。</text>
							<text class="content-item">3.8 配合微博注册。</text>
						</view>
					</view>
					
					<!-- 第四条 -->
					<view class="article">
						<text class="article-title">第四条 双方共同责任</text>
						<view class="article-content">
							<text class="content-item">4.1 及时沟通，避免误解。</text>
							<text class="content-item">4.2 遇有变化及时通知，书面补充协议。</text>
						</view>
					</view>
					
					<!-- 第五条 -->
					<view class="article">
						<text class="article-title">第五条 各项费用分配</text>
						<view class="article-content">
							<text class="content-item">5.1 第一年为品牌和渠道建设期，不考虑项目收益。</text>
							<text class="content-item">5.2 乙方因原材料波动调价需提前10天通知甲方。</text>
							<text class="content-item">5.3 乙方负责各线上平台（天猫、京东等）开店费用。</text>
							<text class="content-item">5.4 乙方无法提供图片时承担拍摄费用。</text>
							<text class="content-item">5.5 广告投入：甲方控制并主要投入，乙方第一年补贴出厂销售额的3%，之后1.5%，销量达到50万时一次性支付。</text>
							<text class="content-item">5.6 甲方负责线上店铺人员及办公费用、基础设备。</text>
							<text class="content-item">5.7 运营团队归属甲方，乙方不得擅自使用其人员。</text>
							<text class="content-item">5.8 甲方提供月度销售报表，乙方核实并支付销售差额。</text>
						</view>
					</view>
					
					<!-- 第六条 -->
					<view class="article">
						<text class="article-title">第六条 合作期限</text>
						<view class="article-content">
							<text class="content-item">6.1 本着互利共赢、长期合作的原则。</text>
							<text class="content-item">6.2 本协议有效期始于_____年___月___日终止于_____年___月___日。</text>
						</view>
					</view>
					
					<!-- 第七条 -->
					<view class="article">
						<text class="article-title">第七条 违约责任</text>
						<view class="article-content">
							<text class="content-item">7.1 双方必须严格遵守协议条款，违约方承担法律和经济责任。</text>
							<text class="content-item">7.2 违反协议或商业道德，守约方有权要求不低于所受损失三倍的赔偿。</text>
							<text class="content-item">7.3 逾期付款按每日0.3%收取滞纳金。</text>
						</view>
					</view>
					
					<!-- 第八条 -->
					<view class="article">
						<text class="article-title">第八条 合同变更和终止</text>
						<view class="article-content">
							<text class="content-item">8.1 未经书面同意，任何一方不得单方面修改。</text>
							<text class="content-item">8.2 双方协商一致可书面修改或补充，具有同等法律效力。</text>
							<text class="content-item">8.3 因不可抗力或政府政策导致合同无法继续，两年后友好协商终止后事宜。</text>
						</view>
					</view>
					
					<!-- 第九条 -->
					<view class="article">
						<text class="article-title">第九条 其他</text>
						<view class="article-content">
							<text class="content-item">9.1 本协议自双方签字之日起生效，具有同等法律效力，一式两份，甲乙双方各执一份。</text>
							<text class="content-item">9.2 未尽事宜或争议，双方友好协商；协商不成，任何一方可向当地人民法院起诉。</text>
						</view>
					</view>
				</view>
				
				<!-- 签字区域 -->
				<view class="signature-section">
					<view class="signature-item">
						<text class="signature-label">甲方：</text>
						<text class="signature-line">_________________</text>
					</view>
					<view class="signature-item">
						<text class="signature-label">乙方：</text>
						<text class="signature-line">_________________</text>
					</view>
					
					<view class="company-info">
						<text class="company-name">成都绘梦艺画信息科技有限公司</text>
						<text class="company-address">地址：成都高新区双柏路6号6栋1层9号</text>
						<text class="company-phone">联系电话：17208178144</text>
						<text class="company-contact">联系人：李冬冬</text>
					</view>
					
					<view class="company-info">
						<text class="company-name">_________________</text>
						<text class="company-address">地址：_________________</text>
						<text class="company-phone">联系电话：_________________</text>
						<text class="company-contact">联系人：_________________</text>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goBack() {
				uni.navigateBack()
			}
		}
	}
</script>

<style>
.agreement-page {
	background-color: #fff;
	min-height: 100vh;
}

/* 顶部导航栏 */
.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rpx 30rpx;
	background: #fff;
	border-bottom: 1rpx solid #eee;
	position: sticky;
	top: 0;
	z-index: 100;
}

.back-btn {
	width: 60rpx;
	height: 60rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.back-icon {
	font-size: 36rpx;
	color: #333;
}

.title {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
}

.header-actions {
	display: flex;
	gap: 20rpx;
}

.action-icon {
	font-size: 28rpx;
	color: #666;
}

/* 内容区域 */
.content {
	height: calc(100vh - 100rpx);
	padding: 0 30rpx;
}

.agreement-content {
	padding: 30rpx 0;
}

/* 协议双方 */
.parties {
	margin-bottom: 40rpx;
}

.party {
	margin-bottom: 30rpx;
}

.party-title {
	font-size: 30rpx;
	font-weight: bold;
	color: #333;
	display: block;
	margin-bottom: 10rpx;
}

.party-name {
	font-size: 28rpx;
	color: #333;
	display: block;
	margin-bottom: 8rpx;
}

.party-address {
	font-size: 26rpx;
	color: #666;
	display: block;
	margin-bottom: 8rpx;
}

.party-phone {
	font-size: 26rpx;
	color: #666;
	display: block;
}

/* 协议前言 */
.preamble {
	margin-bottom: 40rpx;
}

.preamble-text {
	font-size: 28rpx;
	color: #333;
	line-height: 1.6;
}

/* 协议条款 */
.articles {
	margin-bottom: 40rpx;
}

.article {
	margin-bottom: 30rpx;
}

.article-title {
	font-size: 30rpx;
	font-weight: bold;
	color: #333;
	display: block;
	margin-bottom: 20rpx;
}

.article-content {
	
}

.content-item {
	font-size: 26rpx;
	color: #333;
	line-height: 1.6;
	display: block;
	margin-bottom: 15rpx;
	text-align: justify;
}

/* 签字区域 */
.signature-section {
	margin-top: 60rpx;
	padding-top: 40rpx;
	border-top: 1rpx solid #eee;
}

.signature-item {
	display: flex;
	align-items: center;
	margin-bottom: 30rpx;
}

.signature-label {
	font-size: 28rpx;
	color: #333;
	margin-right: 20rpx;
}

.signature-line {
	font-size: 28rpx;
	color: #999;
	flex: 1;
}

.company-info {
	margin-bottom: 30rpx;
}

.company-name {
	font-size: 28rpx;
	color: #333;
	display: block;
	margin-bottom: 8rpx;
}

.company-address {
	font-size: 26rpx;
	color: #666;
	display: block;
	margin-bottom: 8rpx;
}

.company-phone {
	font-size: 26rpx;
	color: #666;
	display: block;
	margin-bottom: 8rpx;
}

.company-contact {
	font-size: 26rpx;
	color: #666;
	display: block;
}
</style> 